株式会社ドリル Home > アメブロカスタマイズ > ヘッダーのカスタマイズ

【アメブロカスタマイズ】《上級》ヘッダー下のメニューの背景色と文字色をロールオーバーで変えてみよう

 2013 01 08 1911

こんにちは、ドリル 鈴木です。
今回はカスタマイズしたヘッダー画像の下のメニューにカーソルが乗った(ロールオーバー)した時にそこのメニューだけ背景色と文字色を変更するカスタマイズを紹介します。

 

前回のカスタマイズでは、カーソルがロールオーバーした際にアンダーバーがつくだけだったので、わかりにくいと言う弱点がありました。
今回のカスタマイズで、読者がどこにカーソルを乗せているのかわかりやすくなります。

 

それでは、スタートです。 

Continue reading

【アメブロカスタマイズ】2-4 ヘッダ画像の下にメニューを設置しよう – 見てもらいたいコンテンツをメニューにする

2013 01 08 1911

 

こんにちは、ドリル 鈴木です。
今日は、前回設置したヘッダー画像の下にメニューを設置してみましょう。

 

いつも見てもらいたいページへのリンクをメニューとして設置すれば、わかりやすくなるので、当然見てもらいやすくなります。
特にカテゴリーが多い場合などは効果を発揮します。

 

今回はテキストだけで作成したメニューなので、特別なツールなども要りません。
また、2種類の方法を紹介しているので、自分にあったメニューを選んで下さい。
それでは、スタートです。 

Continue reading

【アメブロカスタマイズ】2-3 ヘッダーにオリジナルのヘッダ画像を設置しよう – 目立つブログタイトル

2013 01 08 1911

 

こんにちは、ドリル 鈴木です。
今日はアメブロのヘッダーにオリジナルの画像を設置する方法について説明したいと思います。

 

元々のテンプレートは白地に文字だけととても寂しい状態です。
先の記事で文字を修正しても、やはり物足りない事も多いと思います。

 

ぜひ、この記事を読んでオリジナルのヘッダー画像を設置して下さい。
オリジナルのメッセージを折り込んで画像を作成すれば目立つ事間違いありません。
それでは、スタートしましょう。 

Continue reading

【アメブロカスタマイズ】2-2 ヘッダー修正 – ヘッダーの文字の色・大きさを修正してみよう

2013 01 08 1911

 

こんにちは、ドリル 鈴木です。
今日は先日に引き続きヘッダーの文字の修正について説明したいと思います。

 

今回は、ヘッダーの文字のサイズと色の修正を行います。
これによって、背景画像に合わせた文字色・サイズに変更でき、見栄えが断然良くなります。 

 

また、最後にステップアップとしてカーソルを合わせた場合だけ色を変える方法を説明しています。
ぜひ最後まで見て下さい。
それでは、スタートです。 

Continue reading

【アメブロカスタマイズ】2-1 ヘッダーの文字の位置を修正してみよう

2013 01 08 1911

 

こんにちは、ドリル 鈴木です。
今日はアメブロのヘッダーをカスタマイズ編の初級として、タイトルの文字の位置を修正する方法を説明します。

 

これは、背景の画像に合わせて位置を調節したい場合などにとても役に立ちます。
 

まずCSSに慣れる為の基本となるので、がんばって覚えて下さい。
それでは、スタートです。 

Continue reading